 <style>
	.dialogForm td {
	    padding: 6px 0 5px 10px;
	    text-align: left;
	    color: #717171;
	    line-height: 200%;
	}
	.dialogForm th {
	    padding: 5px 8px 5px 0;
	    border-bottom: 1px solid #fff;
	    color: #333333;
	    font-weight: bold;
	    text-align: right;
	    white-space: nowrap;
	    background-color: #f9f9f9;
	}
	button span {
	    display: block;
	    height: 20px;
	    line-height: 20px;
	    padding: 0 5px;
	    white-space: nowrap;
	    background: url(__HO__/img/icon.gif) 0 -1000px no-repeat;
	}
	button span.add {
	    padding-left: 18px;
	    background-position: 0 -28px;
	}
</style>
<div class="bjui-pageContent">
   
    <form action="{:U('save_freights')}" data-callback="dialogFormCall" data-toggle="validate" data-alertmsg="false" class="dialogForm">
			<input type="hidden" name="id" value="{$va.id}">
			<table class="form_table">
				<colgroup><col width="150px">
				<col>
				</colgroup><tbody><tr>
					<th>配送方式名称:</th>
					<td>
						<input class="normal" name="name" value="{$va.name}" type="text" data-rule="required" alt="配送方式名称不能为空">
					</td>
				</tr>
				<tr>
					<th>重量设置:</th>
					<td>
						<label class="attr">
							首重重量
							<select name="first_weight" pattern="int">
								<option label="500克" value="500" <if condition="$va['first_weight'] eq '500'">selected</if>>500克</option>
								<option label="1公斤" value="1000" <if condition="$va['first_weight'] eq '1000'">selected</if>>1公斤</option>
								<option label="1.2公斤" value="1200" <if condition="$va['first_weight'] eq '1200'">selected</if>>1.2公斤</option>
								<option label="2公斤" value="2000" <if condition="$va['first_weight'] eq '2000'">selected</if>>2公斤</option>
								<option label="5公斤" value="5000" <if condition="$va['first_weight'] eq '5000'">selected</if>>5公斤</option>
								<option label="10公斤" value="10000" <if condition="$va['first_weight'] eq '10000'">selected</if>>10公斤</option>
								<option label="20公斤" value="20000" <if condition="$va['first_weight'] eq '20000'">selected</if>>20公斤</option>
								<option label="50公斤" value="50000" <if condition="$va['first_weight'] eq '50000'">selected</if>>50公斤</option>
							</select>
						</label>
						<label class="attr">首重费用<input class="tiny" name="first_price" value="{$va.first_price}" data-rule="required" alt="该项必填且只允许填写数字金额" type="text">元</label>
						<label class="attr">
							续重重量
							<select name="second_weight" pattern="int">
								<option label="500克" value="500" <if condition="$va['second_weight'] eq '500'">selected</if>>500克</option>
								<option label="1公斤" value="1000" <if condition="$va['second_weight'] eq '1000'">selected</if>>1公斤</option>
								<option label="1.2公斤" value="1200" <if condition="$va['second_weight'] eq '1200'">selected</if>>1.2公斤</option>
								<option label="2公斤" value="2000" <if condition="$va['second_weight'] eq '2000'">selected</if>>2公斤</option>
								<option label="5公斤" value="5000" <if condition="$va['second_weight'] eq '5000'">selected</if>>5公斤</option>
								<option label="10公斤" value="10000" <if condition="$va['second_weight'] eq '10000'">selected</if>>10公斤</option>
								<option label="20公斤" value="20000" <if condition="$va['second_weight'] eq '20000'">selected</if>>20公斤</option>
								<option label="50公斤" value="50000" <if condition="$va['second_weight'] eq '50000'">selected</if>>50公斤</option>
							</select>
						</label>
						<label class="attr">续重费用<input class="tiny" name="second_price" value="{$va.second_price}" data-rule="required" alt="该项必填且只允许填写数字金额" type="text">元</label>

						<p><label>根据重量来计算运费，当物品不足《首重重量》时，按照《首重费用》计算，超过部分按照《续重重量》和《续重费用》乘积来计算</label></p>
					</td>
				</tr>

				<!-- <tr>
					<th>支持保价:</th>
					<td>
						<label class="attr"><input name="is_save_price" value="1" type="checkbox" onclick="$('#protectBox').toggle();">支持物流保价</label>

						支持保价隐藏域
						<span id="protectBox" style="display:none">
							<label class="attr">费率<input name="save_rate" value="" class="tiny" pattern="float" alt="该项必填且只允许填写数字金额" type="text">%</label>
							<label class="attr">最低保价费<input name="low_price" value="" class="tiny" pattern="float" alt="该项必填且只允许填写数字金额" type="text">元</label>
							<label>当用户需要保价后，一般是按照货物总金额的《费率》计算，但是保价金额最低不低于《最低保价费》</label>
						</span>
					</td>
				</tr> -->

				<tr>
					<th>设置地区运费:</th>
					<td>
						<label class="attr"><input name="price_type" value="0" type="radio" onclick="$('#areaBox').hide();" <if condition="$va.price_type eq '0'">checked="checked"</if>>统一地区运费</label>
						<label class="attr"><input name="price_type" value="1" type="radio" onclick="$('#areaBox').show();" <if condition="$va.price_type eq '1'">checked="checked"</if>>指定地区运费</label>
						<label>《统一地区运费》：全部的地区都使用默认的《重量设置》中的计费方式。《指定地区运费》：单独指定部分地区的运费</label>
					</td>
				</tr>
			</tbody></table>

			<!--按照地区设置-->
			<table class="form_table" id="areaBox" <if condition="$va.area_groupid eq null">style="display:none"</if>>
				<colgroup><col width="150px">
				<col>

				</colgroup><tbody><tr>
					<th></th>
					<td>
						<label class="attr"><input name="open_default" value="1" type="checkbox" <if condition="$va.open_default eq '1'">checked="checked"</if>>地区默认运费</label>
						<label>注意：如果不开启此项，那么未设置的地区将无法送达！</label>
					</td>
				</tr>

				<tr>
					<th>支持的配送地区:</th>
					<td>
	                    <div id="deliveryAreaBox">
	                        <if condition="$va.area_groupid neq null">
		                        <volist name="va['area_groupid']" id="vaa" key="k">
			                         <div class="content_box" style="padding:6px">
				                            <div class='content_box' style='padding:6px'>
												<input type='hidden' name='area_groupid[]' value='{$vaa}' />
												<label class='attr'>
													选择地区：
													<select>
					                                    <volist name="res" id="vo">
														    <option value="{$vo.id}">{$vo.name}</option>
					                                    </volist>
					                                </select>
												</label>
												<button type="button" class="btn" onclick='addProvince(this);'><span class="add">添加</span></button>
					
												<label class='attr'>已选择地区：<input class="middle" name="areaName" value="{$va['area_name'][$k-1]}" readonly="readonly" disabled='disabled' /></label>
												<label class='attr'>首重费用：<input class="tiny" name="firstprice[]" value="{$va['firstprice'][$k-1]}" pattern="float" alt="该项必填且只允许填写数字金额" type="text" /></label>
												<label class='attr'>续重费用：<input class="tiny" name="secondprice[]" value="{$va['secondprice'][$k-1]}" pattern="float" alt="该项必填且只允许填写数字金额" type="text" /></label>
												<a href="javascript:void(0)" onclick="$(this).parent().remove();" class="f_r"><img alt="删除" src="__HO__/img/icon_del.gif" class="operator"/></a>
											</div>
									</div>
							    </volist>
	                        </if>
                        </div>
	                    <!--地域设定模板-->
	                    <script type="text/html" id="areaTemplate">
						<div class='content_box' style='padding:6px'>
							<input type='hidden' name='area_groupid[]' value='' />

							<label class='attr'>
								选择地区：
								<select>
                                    <volist name="res" id="vo">
									<option value="{$vo.id}">{$vo.name}</option>
                                    </volist>
                                </select>
							</label>
							<button type="button" class="btn" onclick='addProvince(this);'><span class="add">添加</span></button>

							<label class='attr'>已选择地区：<input class="middle" name="areaName" value="" readonly="readonly" disabled='disabled' /></label>
							<label class='attr'>首重费用：<input class="tiny" name="firstprice[]" value="" pattern="float" alt="该项必填且只允许填写数字金额" type="text" /></label>
							<label class='attr'>续重费用：<input class="tiny" name="secondprice[]" value="" pattern="float" alt="该项必填且只允许填写数字金额" type="text" /></label>
							<a href="javascript:void(0)" onclick="$(this).parent().remove();" class="f_r"><img alt="删除" src="__HO__/img/icon_del.gif" class="operator"/></a>
						</div>
	                    </script>
						<button type="button" class="btn" onclick="addArea()"><span class="add">添加地区</span></button>
					</td>
				</tr>
			</tbody></table>

			<table class="form_table">
				<colgroup><col width="150px">
				<col>
				</colgroup><tbody><tr>
					<th>排序:</th><td><input class="tiny" type="text" name="sort" value="{$va.sort}" size="5" pattern="int" alt="请输入排序项正整数"></td>
				</tr>
				<tr>
					<th>状态:</th>
					<td>
						<label class="attr"><input name="status" type="radio" value="0" <if condition="$va.status eq '0' or $va eq null">checked="checked"</if>>启用</label>
						<label class="attr"><input name="status" type="radio" value="1" <if condition="$va.status eq '1' ">checked="checked"</if>>关闭</label>
					</td>
				</tr>
				<tr>
					<th>详细介绍:</th><td><textarea name="description" rows="5" cols="">{$va.description}</textarea></td>
				</tr>
			</tbody></table>
		</form>
</div>
<script>
//添加地域项
function addArea()
{
	var areaHtml = $("#areaTemplate").html();
	$('#deliveryAreaBox').append(areaHtml);
}
//添加省份
function addProvince(_self)
{
	var parentObject = $(_self).parent();
	var selectObj    = parentObject.find('select');

	//当前选中的地区ID
	var areaGroupId = parentObject.find('input[name="area_groupid[]"]').val();

	//当前选中的地区NAME
	var areaGroupName = parentObject.find('input[name="areaName"]').val();

	//填写areaId
	if(areaGroupId == '')
	{
		parentObject.find('input[name="area_groupid[]"]').val(";" + selectObj.val() + ";");
	}
	else if(areaGroupId.indexOf(";" + selectObj.val() + ";") == -1)
	{
		parentObject.find('input[name="area_groupid[]"]').val(areaGroupId + selectObj.val() + ";");
	}
	else
	{
		alert('省份已经添加，不要重复添加');
		return;
	}

	//添加areaName
	areaGroupName = areaGroupName == '' ? selectObj.find('option:selected').text() : areaGroupName + "," + selectObj.find('option:selected').text();
	parentObject.find('input[name="areaName"]').val(areaGroupName);
}
</script>
<include file="Common/footer" ftype="save" />